<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="../images/logo/logo.ico">
    <title>VR 360社区——发现更大的世界</title>
    <link rel="stylesheet" href="../vendors/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../vendors/360/photo-sphere-viewer.min.css">
    <link rel="stylesheet" href="../vendors/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../vendors/jquery-confirm/jquery-confirm.min.css">
    <link rel="stylesheet" href="../build/css/communityStyle.css">
    <link rel="stylesheet" href="../build/css/globalStyle.css">
    <style>
        .navbar-inverse {
            background-color: #27253d;
            border-color: #080808 !important;
        }
    </style>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0c4e3834703d8f9400719f6478203d3e";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<nav class="navbar navbar-inverse" style="border-radius: 0;margin-bottom: 0;">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../index.html">VR 360</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="community.html">社区 </a><span class="sr-only">(current)</span></li>
                <li><a href="learning.html">教程 </a></li>
                <li><a href="create360.html">创作中心 </a></li>
                <li><a href="sicau360.html">川农</a></li>
                <li><a href="about.html">关于</a></li>
                <li><a href="message-board.html">留言墙</a></li>
                <li><a href="statistics.html">数据中心</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-user-circle-o" aria-hidden="true" style="font-size: 20px;"></i>&nbsp;&nbsp;<span id="user_status">未登录</span> <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="personpage.html">个人中心</a></li>
                        <li role="separator" class="divider"></li>
                        <li id="user_action"><a href="javascript:logout();">退出登录</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<!--轮播开始-->
<!--<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">-->
    <!--&lt;!&ndash; Indicators &ndash;&gt;-->
    <!--<ol class="carousel-indicators">-->
        <!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
        <!--<li data-target="#carousel-example-generic" data-slide-to="1"></li>-->
        <!--<li data-target="#carousel-example-generic" data-slide-to="2"></li>-->
    <!--</ol>-->

    <!--&lt;!&ndash; Wrapper for slides &ndash;&gt;-->
    <!--<div class="carousel-inner" role="listbox">-->
        <!--<div class="item active">-->
            <!--<img src="../images/bg/pc/1.jpg" alt="" class="carousel-img">-->
            <!--<div class="carousel-caption">-->
                <!--<h3>随时创作 随处分享</h3>-->
                <!--<p>分享你的创作，让更多人知道</p>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="item">-->
            <!--<img src="../images/bg/pc/2.jpg" alt="" class="carousel-img">-->
            <!--<div class="carousel-caption">-->
                <!--<h3>发现更大的世界</h3>-->
                <!--<p>vr360带你去旅行</p>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="item">-->
            <!--<img src="../images/bg/pc/3.jpg" alt="" class="carousel-img">-->
            <!--<div class="carousel-caption">-->
                <!--<h3>展望360</h3>-->
                <!--<p>全全全全全是全景</p>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--轮播结束-->
<div class="banner">
    <div class="banner-bg">
        <div class="container-fluid" style="padding:0;margin: 0;">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="col-xs-12 col-sm-6 col-md-6 loading">
                    <div class='loading-anim'>
                        <div class='border out'></div>
                        <div class='border in'></div>
                        <div class='border mid'></div>
                        <div class='circle'></div>
                        <img src="../images/logo/VR.png" class="vr-img">
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 banner-text">
                    <p>WELCOME TO VR360</p>
                    <h1>VR360带你发现更大的世界</h1>
                </div>

            </div>
        </div>
    </div>
</div>
<!--主体部分-->
<div class="container fluid" style="padding-left: 8px;padding-right: 8px;">
    <div class="page-header">
        <h2> 最佳推荐 </h2>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12" id="recommendPhotoContainer" style="margin: 0;padding: 0">
        <!--<div class="col-xs-6 col-sm-4 col-md-4" style="padding: 5px;margin: 0;">-->
            <!--<a href="#" class="img-link" style="background-image: url('https://static.insta360.com/assets/operation/0179/5a0653767870e16cfc191bca2b5b9229/2dfd9413ffbca4fb9f57de1fdc71d33d.jpg')"></a>-->
            <!--<div class="author-msg"><i class="fa fa-user-circle" aria-hidden="true"></i>&nbsp;<span style="color: #f4f9f4">北风</span></div>-->
            <!--<div class="descr-container" >去三亚的第一次体验</div>-->
        <!--</div>-->
    </div>

    <div class="page-header">
        <h2> 最受欢迎 </h2>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12" id="hotPhotoContainer" style="margin: 0;padding: 0">

    </div>

    <div class="page-header">
        <h2> 最新创作 </h2>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12" id="LastPhotoContainer" style="margin: 0;padding: 0">

    </div>

    <div class="col-xs-12 col-sm-12 col-md-12" style="height: 360px;">
        <img src="../images/source/fire-balloon1.png" alt="" class="start-icon">
        <img src="../images/source/fire-balloon2.png" alt="" class="start-icon">
        <img src="../images/source/fire-balloon3.png" alt="" class="start-icon">
        <div id="startCreate" class="center-block" onclick="location.href='create360.html'">开始我的创作</div>
    </div>
</div>
<div class="footer" align="center">
    <div class="footer-container">
        <h1><a href="../index.html">VR 360</a></h1>
        <p>随心创作 随处分享 <a href="statistics.html" title="前往VR360数据中心"><img src="../images/source/statistics.png"></a></p>
        <ul>
            <li><a href="" title="QQ" target="_blank" id="clientQQ"><img src="../images/logo/qq.png" alt="qq"></a></li>
            <li><a href="../p/mywechat.html" title="微信" target="_blank"><img src="../images/logo/weixin.png" alt="weixin"></a></li>
            <li><a href="https://m.weibo.cn/p/1005056053577165" title="微博" target="_blank"><img src="../images/logo/weibo.png" alt="weibo"></a></li>
        </ul>
        <div class="copyRight">
            CopyRight © 2018 <a href="http://www.beifengtz.com">beifengtz</a> 蜀ICP备17034479号-1
        </div>

    </div>
</div>

<div class="wait-loading">
    <div align="center" class="loading-box">
        <div class="loader">Loading...</div>
    </div>
</div>
<!--登录模块开始-->
<div id="bg-mask">

</div>
<div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-4 login-container">
    <div class="login-box">
        <button type="button" class="close" aria-label="Close" onclick="hideLoginBox()"><span aria-hidden="true">&times;</span></button>
        <div class="container-fluid" style="margin-top: 20px;">
            <div id="loginAndRegister">
                <div align="center" >
                    <h2>欢迎登录VR360</h2>
                </div>
                <div class="form-group">
                    <label for="loginPhone">手机号</label>
                    <input type="number" class="form-control" id="loginPhone" placeholder="输入你的手机号">
                </div>
                <div class="form-group">
                    <label for="loginPassword">密码</label>
                    <input type="password" class="form-control" id="loginPassword" placeholder="输入你的密码">
                </div>
                <nav aria-label="...">
                    <ul class="pager" >
                        <li class="previous"><a href="#" style="color: #FA9856">找回密码</a></li>
                        <li class="next"><a href="javascript:goRegister();" style="color: #FA9856">去注册 </a></li>
                    </ul>
                </nav>
                <div align="center">
                    <button class="btn btn-default" style="width: 100%;background-color: #FA9856;color:white;" onclick="login()">登录</button>
                </div>
            </div>

            <div align="center" style="margin-bottom: -16px;color: #777;margin-top: 20px;border-bottom: solid 1px ">
                <small>第三方登录</small>
            </div>
            <div align="center" class="thirdLoginList">
                <ul>
                    <li>
                        <a href="https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=101473485&redirect_uri=https://vr.beifengtz.com/p/personpage.html&state=qq"><img src="../images/logo/qq.png" alt=""></a>
                    </li>
                    <li>
                        <a href="https://api.weibo.com/oauth2/authorize?client_id=2791069346&response_type=code&redirect_uri=https://vr.beifengtz.com/p/personpage.html?state=weibo"><img src="../images/logo/weibo.png" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--登录模块结束-->

<!--提示模态框-->
<div id="msgModal"></div>
<!--<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>-->
<script>
    var ip;
    /**
     * 获取ip地址
     * */
    function getIpAddress(){
        var xmlhttp=new XMLHttpRequest();
        xmlhttp.open("get","https://vr.beifengtz.com/getIp",false);
        xmlhttp.send();
        if (xmlhttp.status==200)
        {
            ip = xmlhttp.responseText;
        }
    }
</script>
<script src="../vendors/jQuery/jquery-3.3.1.min.js"></script>
<script src="../vendors/jquery-confirm/jquery-confirm.min.js"></script>
<script src="../vendors/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../build/js/gVerify.js"></script>
<script src="../build/js/tzutil.min.js"></script>
<script src="../vendors/modernizr/modernizr-custom.js"></script>
<script src="../build/js/login.min.js"></script>
<script src="../build/js/readyCommunity.min.js"></script>
</body>
</html>